<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商店首页</title>
    <style>
        body{
            background-color: #EDEDED;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .banner{
            width: 94%;
            margin: 8.5pt 3%;
        }
        .store{
            width: 94%;
            margin: 0 3%;
            display: flex;
            flex-direction: column;
        }
        .store-1{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
        .store-1-left{
            display: flex;
            flex-direction: row;
            align-items: flex-end;
        }
        .store-2{
            background-color: #FFFFFF;
            border-radius: 10pt;
            padding: 19pt 15.5pt;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-top: 11pt;
        }
        .store-2-left{
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        .store-2-name{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            font-size: 11pt;
            margin-left: 13pt;
        }
        .store-2-right{
            display: flex;
            flex-direction: row;
        }
        .right-item{
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 11pt;
        }
        .store-3{
            margin-top: 18pt;
        }
    </style>
</head>
<body>
    <div class="banner">
        <img src="img/banner1@2x.png" style="width: 100%;">
    </div>
    <div class="store">
        <div class="store-1">
            <div class="store-1-left">
                <div style="font-size: 20pt;font-weight: bold;">发明油焖大虾</div>
                <img src="img/dianzan_2@2x.png" style="width: 9pt;height: 10pt;margin-left: 12pt;margin-right: 3.5pt;">
                <div style="font-size: 10pt;margin-bottom: -2pt;color: #FDAB39;">256</div>
            </div>
            <img src="img/shoucang_checked@2x.png" style="width: 20.5pt;height: 19.5pt;">
        </div>
        <div style="font-size: 11pt;margin-top: 13pt;">15年经典老店，从1家开到30家，遂宁人必吃的极品美食。</div>
        <div style="margin-top: 9pt;font-size: 13pt;font-weight: bold;color: #D80C0C;">专享9.5折优惠</div>
        <div class="store-2">
            <div class="store-2-left">
                <img src="img/dingwei@2x.png" style="width: 25pt; height: 30pt;">
                <div class="store-2-name">
                    <div>遂宁市船山区</div>
                    <div>五彩缤纷路</div>
                </div>
            </div>
            <div class="store-2-right">
                <div style="width: 1pt;background-color: #FDAB39;margin-right: 10pt;"> </div>
                <div class="right-item">
                    <img src="img/daohang_2@2x.png" style="width: 23pt;height: 25pt;">
                    <div style="margin-top: 5pt;">到这里去</div>
                </div>
                <div style="width: 1pt;background-color: #FDAB39;margin-right: 10pt;margin-left: 10pt;"> </div>
                <div class="right-item">
                    <img src="img/dianhua@2x.png" style="width: 27pt;height: 25pt;">
                    <div style="margin-top: 5pt;">一键拨号</div>
                </div>
            </div>
        </div>
        <div class="store-3">
            <div>
                <span style="background-color: #FDAB39;font-size: 15pt;margin-right: 3pt;">&nbsp;</span>
                <span style="font-size: 17pt;font-weight: bold;">门店特色</span>
            </div>
        </div>
        <img src="img/banner2@2x.png" style="width: 100%;margin-top: 13pt;">
    </div>
</body>
</html>